<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml" >
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="../lib/basic/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="../lib/elementui/1.4.3/theme-default/index.css">
    <link type="text/css" href="../home/css/sellsenter.css" rel="stylesheet" />
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script src="../common/js/jquery-1.11.0.min.js" type="text/javascript"></script>
    <script src="../home/js/bootstrap.min.js"></script>
    <script src="../common/js/distpicker.data.js"></script>
    <script src="../common/js/distpicker.js"></script>
    <script src="../common/js/main.js"></script>
    <script type="text/javascript" src="../home/js/vue.min.js"></script>
    <script src="../lib/elementui/1.4.3/index.js"></script>
    <title>商家入驻页面</title>
</head>
<body >
<div id="sellenter"  align="center">
    <ul id="tab" align="center" style="list-style: none">
        <li style="float: left">
            <div>
                <img src="../lib/images/logobig.png"/>
                <span style="font-size: 18px;margin-left: 50px;">欢迎注册！</span>
            </div>
        </li>
        <li style="float: right;line-height: 100px;margin-right: 300px;">
            <a href="../home/home.html"><div>
                <img src="../lib/images/home.png"/>
                <span style="font-size: 18px;">回到首页</span>
            </div></a>
        </li>
    </ul>
    <div id="div2"  >
        <p id="div3"><b>商家入驻</b></p>
        <form id="form" onsubmit="adaptValue();">
            <div id="div4">
                <span style="color: red;">*</span>帐&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号&nbsp;&nbsp;:&nbsp;
                <input  v-model="Merchant.username" id="input1" onblur="v_username();"  onkeyup="v_username();"  style="background-color: #FFFFFF"  type="text" maxlength="16" minlength="4" name="username" placeholder="帐号长度必须4-16位，只能为数字、字母和_组成" />
                <img id="img-icon1-1" src="../lib/images/icon-1.png"><img id="img-icon1-2" src="../lib/images/icon-2.png">
                <span id="tab1"></span>
            </div>
            <div style="margin-top: 35px;">
                <span style="color: red">*</span>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名&nbsp;&nbsp;:&nbsp;
                <input  v-model="Merchant.xmname" id="input11" onblur="v_xmname();"  type="text"  />
                <img id="img-icon11-1" src="../lib/images/icon-1.png"><img id="img-icon11-2" src="../lib/images/icon-2.png">
                <span id="tab111"></span>
            </div>
            <div style="margin-top: 35px;">
                <span style="color: red">*</span>公&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;司&nbsp;&nbsp;:&nbsp;
                <input  v-model="Merchant.companyName" id="input4" onblur="v_companyname();"  type="text"  />
                <img id="img-icon2-1" src="../lib/images/icon-1.png"><img id="img-icon2-2" src="../lib/images/icon-2.png">
                <span id="tab2"></span>
            </div>
            <div style="margin-top: 35px;">
                <span style="color: red">*</span>手&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;机&nbsp;:&nbsp;
                <input v-model="Merchant.tel"  onkeyup="v_telphone();" onblur="v_telphone();" id="input7" type="text" />
                <img id="img-icon5-1" src="../lib/images/icon-1.png" style="right: 260px;"><img id="img-icon5-2" src="../lib/images/icon-2.png" style="right: 260px;">
                <input type="button" v-on:click="telCode" id="code"  value="获取验证码"style="width: 80px;height: 34px;margin-left:-82px;"/>
                <span id="tab5"></span>
            </div>
            <div style="margin-top: 35px;">
                <span style="color: red">*</span>验&nbsp;&nbsp;证&nbsp;&nbsp;码&nbsp;:&nbsp;
                <input id="input6"  onblur="v_code();"  onkeyup="v_code();" maxlength="4" type="text" name="securityCodeUser"  v-model="securityCodeUser"/>
                <img id="img-icon4-1" src="../lib/images/icon-1.png"><img id="img-icon4-2" src="../lib/images/icon-2.png">
                <span id="tab4"></span>
            </div>
            <div style="margin-top:35px;">
                <span style="color: red">*</span>邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱&nbsp;:&nbsp;
                <input v-model="Merchant.mail" onblur="v_email();"  id="input5"  type="text" name="company" />
                <img id="img-icon3-1" src="../lib/images/icon-1.png"><img id="img-icon3-2" src="../lib/images/icon-2.png">

                <span id="tab3"></span>
            </div>
            <div style="margin-top: 35px;">
                <span style="color: red">*</span>身份证号&nbsp;:&nbsp;
                <input id="input8" v-model="Merchant.idCardNo" onblur="v_idCardNo();"  type="text" placeholder="请填写法人代表身份证号" p name="pasword"/>
                <img id="img-icon6-1" src="../lib/images/icon-1.png"><img id="img-icon6-2" src="../lib/images/icon-2.png">
                <span id="tab6"></span>
            </div>
            <div style="margin-top: 35px; margin-left: -55px;">
                <span style="color: red">*</span>统一社会信用代码&nbsp;:&nbsp;&nbsp;
                <input id="input9" v-model="Merchant.institutionCode" onblur="v_institutionCode();"  type="text"  name="password"/>
                <img id="img-icon7-1" src="../lib/images/icon-1.png"><img id="img-icon7-2" src="../lib/images/icon-2.png">
                <span id="tab7"></span>
            </div>
            <div style="margin-top: 35px;">
                <span style="color: red">*</span>经营模式&nbsp;:&nbsp;
                <input id="input10"  v-model="Merchant.businessModel" onblur="v_businessModel();" type="text"  name="password"/>
                <img id="img-icon8-1" src="../lib/images/icon-1.png"><img id="img-icon8-2" src="../lib/images/icon-2.png">
                <span id="tab8"></span>
            </div>
            <div style="margin-top: 35px;margin-left: 15px;">
                <span style="color: red;margin-left: -30px;" >*</span>所属包类型&nbsp;:&nbsp;
                <template>
                    <el-select v-model="Merchant.goodsType" multiple placeholder="请选择" style="width: 400px;height: 36px;display: inline-table;">
                        <el-option v-for="item in options"  :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                    </el-select>
                </template>
                <img id="img-icon10-1" src="../lib/images/icon-1.png" style="right: 200px;"><img id="img-icon10-2" src="../lib/images/icon-2.png" style="right: 200px;">
                <span id="tab12"></span>
            </div>
            <div style="margin-top: 35px; margin-left: -35px;">
                <span style="color: red">*</span>所属采购区域&nbsp;:&nbsp;&nbsp;
                <template>
                    <el-select v-model="Merchant.officeId"  placeholder="请选择" style="width: 400px;height: 36px;display: inline-table;">
                        <el-option v-for="item in optionsUser"  :key="item.value" :label="item.label" :value="item.value">
                        </el-option>
                    </el-select>
                </template>
            </div>
            <div style="margin-top: 35px;margin-left:-487px;">
                <span style="color: red">*</span>营业执照登记所属区域&nbsp;:&nbsp;
            </div>
            <div class="form-inlin" style="width:420px;margin-left: 95px;margin-top: -23px;">
                <div data-toggle="distpicker" id="distpicker">
                    <div class="form-group">
                        <select class="form-control select " onblur="v_affiliatedRegional();"  id="province1"></select>
                    </div>
                    <div class="form-group">
                        <select class="form-control select" onblur="v_affiliatedRegional();"  id="city1"></select>
                    </div>
                    <div class="form-group">
                        <select class="form-control"  id="district1"></select>
                    </div>
                    <span id="tab9" style="margin-top: -10px;margin-left: 8px;"></span>
                </div>
                <div style="clear: both"></div>
            </div>
            <!--上传文件-->
            <div style="margin-top: 28px;position: relative">
                <span style="width: 100px;margin-top: 33px;margin-left:-15px;color: red" >*</span>公司LOGO&nbsp;:&nbsp;
                <input type="text" id="uploadFile" readonly  placeholder="只能上传jpg或png格式的图片" />
                <el-upload id="fie" style="width:100px;position: absolute;right: 160px;"
                           class="upload-demo fileUpload btn btn-primary"
                           ref="upload"
                           :data="Merchant"
                           :action="importFileUrl"
                           :on-success="handleAvatarSuccess"
                           :on-error="handleAvatarError"
                           :auto-upload="false">
                    <span>点此上传</span>
                </el-upload>
            </div>
            <div style="margin-top: 35px;">
                <input type="checkbox" onclick="v_checkbox();"  id="lebal" name="label"/>
                <label for="lebal">本人已阅读并同意<a href="#">《采购商城须知手册》</a></label>
                <span id="tab11" style="margin-top: 1px;margin-left: 10px;"></span>
            </div>
            <div id="div5">
                <input id="submit" v-on:click="sellsenter"  type="button"  name="label" value="注册" style="height: 40px;width: 60px;border:0;background-color: #3cd3ff " />
            </div>
        </form>
    </div>
    <iframe  MARGINWIDTH="0" MARGINHEIGHT="0" height="50px" width="100%" scrolling="no"  src="../home/otherFoot.html" style="border: none;"></iframe>

</div>

<script type="text/javascript" src="../charge/sellsenter.js"></script>
<script type="text/javascript" >

    $("#distpicker").distpicker({
        province: '甘肃省',
        city: '张掖市'
    });

</script>

</body>
</html>